.active {
    color: #2F80ED;
    font-weight: bold;
    border-bottom: 1.5px #2F80ED solid;
}
.hint-text {
    color: red;
}

.eye-button {
    position: absolute;
    right: 0px;
    cursor: pointer;
}


.send-code-btn {
    position: absolute;
    right: 10px;
    top: 5px
}


.login-page {
    position: relative
}
.login-page::before {
    content: "";
    display: block;
    background-size: cover;
    background: url(https://cdn.iextend.top/pay/bg.jpg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.login-page .container {
    min-height: 100vh;
    z-index: 2
}
.login-page .info {
    background-color: #2F80ED;
    color: #fff
}
.input-material-group {
    position: relative;
    padding-top: 0.85rem
}
.input-material-group .input-material {
    letter-spacing: 1px;
    border: none;
    outline: none;
    background: none;
    padding: .375rem 0;
    border-bottom: 1px solid #40444b;
    display: block;
    width: 100%;
}
@media (min-width: 992px) {
    .login-page .info {
        min-height: 70vh;
        border-radius: 5px 0 0 5px;
    }
}

@media (max-width: 992px) {
    .login-page .info {
        border-radius: 5px  5px 0 0;
    }
}

.return-log:hover {
    cursor: pointer;
    transform: scale(0.9);
}
